@use '@materials/questions/common/css/default.scss' as *;

.module-title {
  position: relative;
  height: auto;
  line-height: 0.45rem;
  font-size: $title-size;
  padding: 0 0.4rem 0.2rem;
  color: #000000;
  font-weight: normal;

  &-required {
    color: $error-color;
    position: absolute;
    left: 0.16rem;
    top: 0rem;
    font-size: 0.2rem;
    transform-origin: left top;
  }

  .module-content {
    zoom: 1;
    display: flex;
    font-size: $title-size;

    img {
      max-width: 100%;
    }

    .index {
      float: left;
      padding-right: 0.06rem;
      font-size: $title-size;
    }

    em {
      font-style: italic;
    }

    u {
      text-decoration: underline;
    }
  }

  .module-text {
    font-size: $title-size;

    p,
    span {
      font-size: inherit;
    }

    .m-tag {
      border: 1px solid $primary-color;
      font-size: 0.18rem;
      height: 0.4rem;
      line-height: 0.4rem;
      display: inline-block;
      color: $primary-color;
      padding: 0 0.16rem;
      margin-left: 0.16rem;
      border-radius: 0 0.06rem 0 0.06rem;
    }
  }
}

.web-edit-body {
  .module-title {
    line-height: 32px;
    font-size: 16px;
    padding: 0 25px 10px;

    &-required {
      left: 10px;
      font-size: 16px
    }

    .module-content {
      font-size: 14px;

      .index {
        padding-right: 5px;
        font-size: 14px;
      }
    }

    .module-text {
      font-size: 14px;

      p,
      span {
        font-size: 14px;
      }

      .m-tag {
        font-size: 10px;
        height: 16px;
        line-height: 16px;
        padding: 0 5px;
        margin-left: 10px;
        border-radius: 0 4px 0 4px;
      }
    }
  }
}